@font-face {
	font-family: 'Champignon';
	src: url('fonts/Champignon.otf');
	src: local('Champignon'), local('Champignon'), url('fonts/champignonaltswash.ttf') format('truetype');
}

p {text-align:"justify";}

#wrapper {
         width:500px;
         height:300px;
         margin:70px 150px;
         position:absolute;
         top:120;
         left:80;
         font-family: Helvetica, Arial, Verdana, sans-serif;
          border-radius:25px;
	 -moz-border-radius:25px; /* Firefox 3.6 and earlier */
	 

        
      }
      .imagethumb{
      position:relative;
                border-radius:25px;
      	-moz-border-radius:25px; /* Firefox 3.6 and earlier */ 
               width:100%;
               cursor:pointer;
      }
      
      .webad
      {
      	
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight:bold;
	font-size:10px;
	color:yellow;
	}      
      .contactmap{
            position:relative;
            width:450;
                      border-radius:25px;
            	-moz-border-radius:25px; /* Firefox 3.6 and earlier */ 
                     width:100%;
                     cursor:pointer;
      }
      
            .contactdiv a{color:#ffffff;}
            .contactdiv {
               position:absolute;
               top:120;
               left:80;
               display:none;
               width:700px;
               height:300px;
               padding: 30px;
               overflow:auto;
               border-radius:25px;
      	-moz-border-radius:25px; /* Firefox 3.6 and earlier */
      	 background-color:#000;
      	 color:#fff;
      	         font-family: Helvetica, Arial, Verdana, sans-serif;
      	                  -moz-box-shadow: 0 0 30px 5px black;
            		-webkit-box-shadow: 0 0 30px 5px black; 
            		
            		background: #070707;
      		  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
      		  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
      		  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
      		  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
      		  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
      		  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
        filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0);
                              
      
               
      }
      
     
      .contentdiv a{color:#ffffff;}
      .contentdiv {
         position:absolute;
         top:120;
         left:80;
         display:none;
         width:500px;
         height:300px;
         padding: 30px;
         overflow:auto;
         border-radius:25px;
	-moz-border-radius:25px; /* Firefox 3.6 and earlier */
	 background-color:#000;
	 color:#fff;
	         font-family: Helvetica, Arial, Verdana, sans-serif;
	                  -moz-box-shadow: 0 0 30px 5px black;
      		-webkit-box-shadow: 0 0 30px 5px black; 
      		
      		background: #070707;
		  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
		  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
		  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
		  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
		  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
		  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0);
                        

         
      }
      ::-webkit-scrollbar {
        height: 12px;
        width: 12px;
        background: #969696;
        -webkit-border-radius: 1ex;
      }
      
      ::-webkit-scrollbar-thumb {
        background: #2B2B2B;
        -webkit-border-radius: 1ex;
        -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
      }
      
      ::-webkit-scrollbar-corner {
        background: #1A1A1A;
}
     
     #tiles
     {
     	cursor:pointer;
     }
     
      #keratin
      {
      width:400px;
               height:20%;
               background-color:white;
               width:15%;
               background: url('../images/keratin.jpg') ;
  		position:absolute; z-index:-1; 
  		 -webkit-background-size: 100%;
		        -moz-background-size: 100%;
		        -o-background-size: 100%;
        background-size: 100% 100%;
               color:#000;
               position:absolute;
               bottom:10%;
               left:10%;
               font-family: Arial;
               color: black;
               font-size:250%;
              
                         border-color:black;
                       border-width:2px;
  			border-style:solid;
 		-moz-box-shadow: 0 0 30px 5px black;
      		-webkit-box-shadow: 0 0 30px 5px black;
                border-radius:25px;
		-moz-border-radius:25px; /* Firefox 3.6 and earlier */
              
      }
      
       #nailart
            {
            width:400px;
                     height:20%;
                     background-color:white;
                     width:15%;
                     
                     color:#000;
                      background: url('../images/nailart.jpg') ;
  		
                     position:absolute;
                      -webkit-background-size: 100%;
		     		        -moz-background-size: 100%;
		     		        -o-background-size: 100%;
        background-size: 100% 100%;
                     bottom:10%;
                     left:35%;
                     font-family: Arial;
                     color: white;
                     font-size:250%;
                         border-color:black;
                       border-width:2px;
  			border-style:solid;
  			
 		-moz-box-shadow: 0 0 30px 5px black;
      		-webkit-box-shadow: 0 0 30px 5px black;                   
                      border-radius:25px;
      -moz-border-radius:25px; /* Firefox 3.6 and earlier */
                    
      }
      
       #bridal
                  {
                  width:400px;
                           height:20%;
                           background-color:white;
                           width:15%;
                            background: url('../images/bridal.jpg') ;
  			                      position:absolute;
			                       -webkit-background-size: 100%;
			 		     		        -moz-background-size: 100%;
			 		     		        -o-background-size: 100%;
        background-size: 100% 100%;
                           color:#000;
                           position:absolute;
                           bottom:10%;
                           left:60%;
                           font-family: Arial;
                           color: white;
                           font-size:250%;
                         border-color:black;
                       border-width:2px;
  			border-style:solid;
-moz-box-shadow: 0 0 30px 5px black;
      		-webkit-box-shadow: 0 0 30px 5px black;
                            border-radius:25px;
            -moz-border-radius:25px; /* Firefox 3.6 and earlier */
                          
      }
      #close{
          display:block;
          position:absolute;
          right:0px;
          top:0px;
          width:20px;
          height:19px;
          cursor:pointer;
	}
 a{color:white;}
       .tileinfo
            {
            width:200px;
                     height:0%;
                     background-color:#80090d;
                     width:0%;
                     
                     position:absolute;
                     top:35%;
                     left:26%;
                     font-family: Arial;
                     color: white;
                     font-size:20;
                    display:none;
                    padding: 20px; 
                    -moz-box-shadow: 0 0 30px 5px black;
      		-webkit-box-shadow: 0 0 30px 5px black;
                    border-color:black;
                      border-width:1px;
  border-style:solid;
                      border-radius:25px;
      		-moz-border-radius:25px; /* Firefox 3.6 and earlier */
                    
      }
      
      #welcome
      {
      	  		height:40%;
	                
	                width:35%;
	                     
	                     position:absolute;
	                     top:20%;
	                     left:40%;
	                   background: url('../images/logoimage.png') no-repeat;
  			 background-size: 100%;
  			 opacity:1.0;
	            
      }
      
.divpara a{color: #ffffff;}      